import h from './mysnabbdom/h'
import patch from './mysnabbdom/patch'

// 得到盒子和按钮
const container = document.getElementById('container')
const btn = document.getElementById('btn')

const myVonde1 = h('ul', {}, [
  h('li', { key: 'A' }, 'A'),
  h('li', { key: 'B' }, 'B'),
  h('li', { key: 'C' }, 'C'),
  h('li', { key: 'D' }, 'D')
])

// 第一次上树
patch(container, myVonde1)

// 新节点
// const myVonde2 = h('ul', {}, 'hello')
const myVonde2 = h('ul', {}, [
  h('li', { key: 'N' }, 'N'),
  h('li', { key: 'D' }, 'D'),
  h('li', { key: 'A' }, 'A'),
  h('li', { key: 'B' }, 'B'),
  h('li', { key: 'C' }, 'CCC'),
  h('li', { key: 'M' }, 'M'),
  h('li', { key: 'E' }, 'E')
])
btn.onclick = function () {
  patch(myVonde1, myVonde2)
}
